
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form,  input, p, th, td ,*{ margin:0; padding:0;-webkit-text-size-adjust:none;}
.clearfix:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; line-height:0px;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.clearfix{ zoom:1}
 img { border:0; display:block; }
 ol, ul { list-style:none; }
 a{ text-decoration: none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);font-size: 0.7rem;}
html {font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;background-color:#f4f4f4;font-size:20px; -webkit-overflow-scrolling:touch;}
html {
  font-size: 20px;
}
@media only screen and (min-width: 320px) {
  html {
    font-size: 17.0667px !important;
  }
}
@media only screen and (min-width: 320px) {
  html {
    font-size: 19.2px !important;
  }
}
@media only screen and (min-width: 375px) {
  html {
    font-size: 20px !important;
  }
}
@media only screen and (min-width: 400px) {
  html {
    font-size: 21.33333333px !important;
  }
}
@media only screen and (min-width: 412px) {
  html {
    font-size: 21.9733px !important;
  }
}
@media only screen and (min-width: 414px) {
  html {
    font-size: 22.08px !important;
  }
}
@media only screen and (min-width: 480px) {
  html {
    font-size: 25.6px !important;
  }
}
body {-webkit-overflow-scrolling: touch;}
input[type="reset"]{-webkit-appearance:none;}
input {border:none;}
section {padding-top:0px;}
.no-scroll {overflow-y:visible;}
#term_app_btn{display: none;}
header { width:100%;height:44px;position:fixed;top:0;left:0; /*background-color:#00a85f;*/ z-index:112;display: none;}
header h2 { text-align: center; font-size: 0.85rem; line-height: 44px; color: #fff; font-weight: normal;}
header .chang-box {width:100px;margin:0 auto;margin-top:9px; border:1px solid #fff;height:26px;font-size:0.4rem;line-height:26px;border-radius:15px;}
header .chang-box span { float: left; width: 50px; display: inline-block; color: #fff; }
header .chang-box span.active { background-color: #fff; color: #0099ff; /*font-weight:bold;*/ border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
header .chang-box span:last-child.active { border-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
header a.back-btn { position: absolute; right: 4%; display: block; line-height: 44px; top: 0; font-size: 0.4rem; color: #fff; }
.back-btn, .menu-btn, .colse-nav-btn {display: inline-block; width: 22px; height: 18px; background: url(../images/icon.png) no-repeat -5px -24px; float: left;position: absolute; background-size: 150px auto;
 left: 20%; top: 14px; }
.menu-btn { background-position: -85px -96px; }
.colse-nav-btn { background-position: -57px -99px; }
.combo-icon {display: inline-block; height: 8px; width: 14px; background-image: url(../images/icon.png); background-size: 150px auto; background-position: -124px -30px; margin-left: 6px; }
.combo-up-icon { background-position: -123px -21px; }
.menu_icon_box{width:20%;height: 44px;position: absolute;}
#hide_menu_btn{display: none;}
/*导航栏*/
.menu-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: #fff; z-index: 111; display: none; box-sizing: border-box; padding-top: 50px; }
.menu-box ul li {font-size: 0.8rem; color: #333; padding: 8px; border-bottom: 1px solid #d6d6d6; }
.menu-box i {width: 22px; height: 20px; display: inline-block; background: url(../images/icon.png) no-repeat -6px -71px; background-size: 150px auto;margin: 0 8px 0 2px; vertical-align: text-bottom; }
.menu-box .diamonds-icon { background-position: -28px -71px; }
.menu-box .cart-icon { background-position: -52px -71px; }
.menu-box .order-icon {background-position:-75px -70px;}
.menu-box .wh_order-icon{background-position:-120px -70px;}
.menu-box .dai_order-icon{background-position:-97px -2px;}
.menu-box .customer-icon{background-position:-123px -2px;}
.menu-box .supplier-icon{background-position:-74px -2px;}
.menu-box .FilterSupplier-icon {background-position: -50px -2px;}
.menu-box .team_order-icon{background-position:-74px -2px;}
.menu-box .aboutme-icon {background-position:-97px -72px;}
.menu-box .en-icon{background-position:-119px -72px;}
.menu-box .custrom-icon{background-position:-120px -50px;}
.menu-box ul li .more-nav-icon { width: 18px; height: 18px; background-position: -31px -97px; float: right; margin-top: 6px; }
.menu-box .more-menu { display: none; padding-top: 10px; width: 100%; box-sizing: border-box; }
.menu-box .more-menu li { border-bottom: none; width: 40%; display: inline-block; text-align: center; font-size: 0.75rem; }
.menu-box li a { color: #333; display: inline-block;width:100%;height: 100%; font-size:0.75rem ;}
.menu-box .more-menu li.current { color: #0099ff; }
.menu-box ul li.selected .more-nav-icon { background-position: -7px -97px; float: right; }
/*右边的导航*/
.quick-menu-btn { display: inline-block; height: 16px; width: 26px; background: url(../images/icon.png) no-repeat -35px -25px; float: right;background-size: 150px auto; position: absolute; right: 5%; top: 16px; }
.lit-menu-box { display: inline-block; position: absolute; font-size: 0.4rem; z-index: 40; right: 3%; top: 42px; display: none; background-color: #212121; }
.triangle-icon {position: absolute; width: 12px; height: 12px; background: url(../images/icon.png) no-repeat -88px -50px; background-size: 150px auto; right: 4%; top: 36px; z-index: 40; display: none; }
.lit-menu-box ol li { border-bottom: 1px solid #fff; padding: 8px 20px 8px 10px; }
.lit-menu-box ol li a { display: block; color: #fff; }
.lit-menu-box ol li a i { display: inline-block; width: 16px; height: 16px; background: url(../images/icon.png) no-repeat -4px -48px; vertical-align: text-bottom;background-size: 150px auto; margin-right: 10px; }
.lit-menu-box ol li a .l-order-icon { background-position: -28px -48px; }
.lit-menu-box ol li a .l-me-icon { background-position: -46px -48px; }
.lit-menu-box ol li a .l-loginout-icon { background-position: -65px -49px; }
.layout-box { width: 100%; padding: 0px 2%; box-sizing: border-box; background-color: #fff; }
article { width: 100%; -webkit-overflow-scrolling: touch; }
.banner { margin-top: 1px; position: relative; }
.banner ul li { display: block; width: 100%; height: 300px; background-color: #ccc; }
.banner ol { position: absolute; bottom: 10px; left: 45%; }
.banner ol li { width: 10px; height: 10px; float: left; background-color: red; border-radius: 10px; margin: 0 2px; }
.banner ol li.current { background-color: #000; }
.login-box, .forgot-box, .regis-box { margin-bottom: 10px; }
.login-box li, .forgot-box li, .regis-box li { border-bottom: 1px solid #d5d5d5; }
.login-box li:last-child, .forgot-box li:last-child, .regis-box li:last-child { border: none; }
.footer_top{
  /*position: absolute;*/
  /*left: 0;*/
  /*bottom: 6px;*/
  width: 100%;
  margin-top:25px;
}
.footer_top p{
  height: 22px;
  background: url("../images/line.png") no-repeat 0 50%;
}
.no_div{
  height: 22px;
  text-align: center;
}

#GongAn_No{
  margin-left: 10px;
  padding-left: 16px;
  background: url("../images/gongAn.png") no-repeat 0 3px;
  background-size: 16px 16px;
}
.no_style{
  display: inline-block;
  color: #b9b9b9;
  line-height: 22px;
  font-size: 14px;
}

.footer_top p span{
  display: block;
  background-color: white;
  margin: 0 auto;
  width: 180px;
  padding: 0 10px;
  color: #b9b9b9;
  line-height: 22px;
  font-size: 14px;
  text-align: center;
}
.footer_top .href_yunzuan{
  display: block;
  height: 28px;
  text-align: center;
  line-height: 22px;
  font-size: 14px;
  color: #b9b9b9;

}

li em {display: inline-block; height: 20px; width: 20px; background-image: url(../images/icon.png); background-size: 150px auto; position: absolute; margin-top: 10px; }
.user-icon { background-position: -4px -2px; }
.pwd-icon { background-position: -26px -2px; }
.phone-icon { background-position: -51px -2px; }
.input-box { padding: 10px 0 10px 6px; width:72%; border: none; font-size: 0.75rem; margin-left: 24px; outline: none; }
.sure-btn { height: 40px; width: 96%; margin: 0px 2%; margin-top: 20px; /*background-color: #00a85f;*/ color: #fff; font-size: 0.75rem; border-radius: 4px; 
display: block; text-align: center; line-height: 40px; border: 1px solid #fff;}
.link-box a { /*color: #00a85f;*/ font-size: 0.65rem; padding: 15px 2%; }
.link-left { float: left;font-size: 0.65rem; padding: 15px 2%; color: #00a85f;}
.link-left input {vertical-align:middle;}
.link-right { float: right; }
.link-right b { font-weight: normal; color: #666; }
.copy_right{float:left;padding: 15px 2%;margin-left:50px;}
.error { color: red; }
/*提示框*/
.tip-box {width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.5); z-index: 999; display: none; }
.tip {width: 70%; height: 114px; border-radius: 10px; background-color: #fff; color: #666; text-align: center; margin: 40% auto; padding: 20px; box-sizing: border-box; }
.regis-success-box .tip { height: 120px; }
.msg {font-size: 0.45rem; border-bottom: 1px solid #d5d5d5; padding-bottom: 16px; }
.colse-tip-btn { display: inline-block; color: #0099ff; font-size: 0.5rem; margin-top: 16px; }

/*个人资料页面*/
.info-box li { border-bottom: 1px solid #d5d5d5; height: 40px; }
.info-box li:last-child { border-bottom: none; }
.info-box li span { display: inline-block; float: left; font-size: 0.75rem; color: #333; line-height: 40px; margin-left: 2%; }
.info-box li b { font-size: 0.75rem; float: right; color: #666; font-weight: normal; margin-right: 2%; line-height: 40px; }
.info-box li .input-info { float: right; margin-right: 2%; width: auto; height: 30px; margin-top: 4px; outline: none; text-align: right; color: #666;background-color: #fff; }
.info-box li .sex-box { width: 70px; float: right; padding-top: 10px; }
.login-out-btn { height: 100%; width: 100%; display: block; }
.info-box li .sex-box input { margin-right: 5px; }

/*代下单*/
.count_weight_sub{margin-left:15px;height:26px;width:26px;margin-bottom:-8.5px}
.count_inp{width:50px;text-align: center;outline: none;height:23.5px;border: 1px solid #aaaaaa;}
.count_weight_add{height:26px;width:26px;margin-bottom:-8.5px}

/*回到顶部*/
.get-top {position: fixed; top: 56%; right: 2%; width: 26px; height: 24px; /*rgba(0,168,95,0.7);*/ background-color: #0099ff; word-break: break-all; font-size: 0.35rem; text-align: center; line-height: 16px; padding-top: 2px; display: none;z-index: 12; }
.get-top i {display: inline-block; width: 18px; height: 22px; margin: 0 auto; background: url(../images/icon.png) no-repeat -87px -120px; background-size: 150px auto; margin-top: 3px; }
/*成功的提示*/
.success-tip {width: 70%; height: 40px; color: #fff; background-color: #f60; margin: 0 auto; border-radius: 20px; font-size: 0.4rem; position: fixed; 
top: 50%; text-align: center; height: 40px; line-height: 40px; left: 15%; display: none; z-index: 199; }

/*提示框*/
.tip-bg-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.5); z-index: 115; display: none; }
.tip-bg {width: 70%; height: 114px; border-radius: 10px; background-color: #fff; color: #666; text-align: center; margin: 40% auto; padding: 20px; box-sizing: border-box; }
.tip-bg p { font-size: 0.4rem; border-bottom: 1px solid #d5d5d5; padding-bottom: 16px; }
.tip-bg textarea { height: 80px; width: 100%; font-size: 0.35rem; resize: none; padding: 5px; border-color: #d5d5d5; box-sizing: border-box; }
.tip-bg a, .tip-bg span {display: inline-block; height: 30px; width: 40%; color: #0099ff; text-align: center; line-height: 30px; border-radius: 3px;margin: 10px 0 10px 10px; font-size: 0.4rem; }

/*加载*/
.loading { position: fixed; top: 48%; text-align: center; width: 100%; height: 35px; display: none; }
.loading img { display: inline-block; padding-right: 50px; }
.loading em { font-style: normal; font-size: 0.4rem; color: #666; position: absolute; margin-left: -40px; line-height: 35px; }
#pdf_button img { display:inline-block;}
.term-box .term b{width: 15%;display: inline-block;height: 24px;color: #333;text-align: center;line-height: 24px;margin-top: 5px;font-size: 0.3rem;font-weight:normal;}
.cert_link_img {display:inline-block;vertical-align:text-bottom;padding-left:4px;width:14px;height:auto;padding-bottom:1px;}
/*公用的弹出几秒消失的方法的样式*/
.toast{width:50%;height: auto; position: fixed; top:50%;left: 50%;margin-left: -25%;background-color: rgba(0,0,0,0.5);color: #fff;
padding: 8px;box-sizing: border-box;line-height:0.75rem ;font-size: 0.75rem;border-radius: 0.1rem;z-index: 1111111;text-align: center;-webkit-transform: translate3d(0, 0, 0) scale(1.185);
transform: translate3d(0, 0, 0) scale(1.185);-webkit-transition-property: -webkit-transform, opacity;transition-property: transform, opacity;}
.page-content{background-color: #fff;}
.modal-title{font-size: 0.75rem;}
/*other*/
b[title="价格"]{font-size: 0.75rem;}
div.series{ font-size: 0.7rem !important; color: #444;}
#form_box{display: none;}
.navbar{top: -44px;}
.photo-browser-in .navbar{top:0;}
/*提交订单成功提示*/
.tip-text{ width: 70%; height: 120px; border-radius: 10px; background-color: #fff; color: #666; text-align: center; margin: 40% auto; padding: 20px; 
box-sizing: border-box; }
.tip-text > div{height: 50%; line-height: 60px; width: 100%;} 
.tip-title div{line-height: 30px;font-size: 0.8rem;} 
.tip-text > div:first-child{ border-bottom: 1px solid #ececec;  }    
.tip-text > div.buttons span{display: inline-block; width: 48%;}
.tip-text > div.buttons span a{ /*color: #2DC4B5;*/ font-size: 0.75rem;  }
.msg { font-size: 0.45rem; border-bottom: 1px solid #d5d5d5; padding-bottom: 16px; }
.colse-tip-btn { display: inline-block; color: #0099ff; font-size: 0.5rem; margin-top: 16px; }
/*回到顶部*/
.top_box { width: 50px; height: 50px; position: fixed; bottom: 70px; right: 20px; border: 1px solid #68a32b; z-index: 111; background-color: #fff; text-align: center; cursor: pointer; padding: 4px; box-sizing: border-box; display: none; }
.top_box:hover { background-color: #68a32b; color: #fff; }
.link-box {height:50px;}
.link-box span {font-size: 0.65rem;padding: 15px 2%;display:block;}
.address {position:absolute;bottom:0;left:0;z-index:999999;color:#fff;background: url(../images/addressbg.png) repeat;
font-size:13px !important;width:96%;padding:0 2%;padding-top:8px;padding-bottom:8px;}
.star_tip{color: red;}
.table_hide,.table_hide thead tr{border-top:1px solid #fff;}
.table_hide thead{opacity: 0;border: none;}
.table_hide thead th{border: none;}
@media all and (min-width:630px) and (min-height:630px){
	.popup:not(.tablet-fullscreen){width:100%;height:100%;left:0;top:0;position: absolute;margin-left: 0;margin-top: 0;}
}

/*登录弹层*/
#tan_div{
  position: absolute;
  left: 0;
  top:0;
  z-index: 6000;
  height:100%;
  width: 100%;
  background: rgba(0,0,0,0.3);
}
#tan_div div{
  height:100px;
  width: 80%;
  line-height: 100px;
  text-align: center;
  margin: 60% auto;
  background: #ffffff;
  border-radius: 5px;
}


/*代下单*/
/* .count_weight_sub{height:20px;width:20px;}
.count_inp{width:35px;text-align: center;outline: none;height:18px;border: 1px solid #e2e2e2;display: inline-block;float:left}
.count_weight_add{height:20px;width:20px;} */